html,body{
	height:100%;
}
select{
	width:80%;

}
.hui-media-list li{padding:0;}
.selectHomepage{	border-right:1px solid #f7f6f8;border-bottom:1px solid #f7f6f8;box-sizing: border-box;}
.selectHomepage2{border-bottom:1px solid #f7f6f8;box-sizing: border-box;}
.selectHomepage .hui-button{
	width: 100%;
	height: 100%;
	background: #fff;
}
.selectHomepage .hui-button{
	color: #000;
}
.selectHomepage .hui-button .iconfont{
	font-size: 18px;
	color:#000;
}
.hui-img-list-content {
	box-sizing: border-box;
}
#hui-select-beautify{
	background: #EBEBEB;
}
.hui-img-list-content h1 {
	text-align: center;
	font-size: 12px;
}
.hui-flex {
    padding: 0 4px;
}
.hui-media-list li{
	margin:0;
}
.hui-media-list li:nth-child(1){
	border-bottom: 1px solid #EAEAEA;
}
.hui-media-content{
	position: relative;
}
.hui-media-content span{
	position: absolute;
	right: 0;
	top:45%;
	 display: inline-block;
    width: 40px;
    background: #FFFFFF;
    color: #f00;
    text-align: center;
    padding: 3px 0;
    font-size: 12px;
}
.hui-media-content div{
	width:84%;
	height: 34px;
	overflow:hidden; 

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2; 
}
.hui-media-content h1{width: 84%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.tableBox ul {
    width: 100%;
}

.tableBox ul li {
    height: 45px;
    line-height: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
}
.tableBox ul li:nth-child(1) {
    height: 56px;
    line-height: 56px;
}
.tableBox ul li span {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -o-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 0%;
    text-align: center;
    box-sizing: border-box;
    padding:5px 0;
}
.tableBox ul li span:nth-child(1){border-right: 1px solid #EAEAEA;}
.hui-media-list img{
	width: 25%;
}
.tableBox ul li span:nth-child(2){color:#39a0f0;}
.tableBox ul li span:nth-child(2) .iconfont{color:#39a0f0;}
.tableBox ul li span:nth-child(3){color:#f96c89;}
.tableBox ul li span:nth-child(3) .iconfont{color:#f96c89;}
.tableBox ul li span:nth-child(4){color:#ffa521;}
.tableBox ul li span:nth-child(4) .iconfont{color:#ffa521;}
.tableBox ul li span:nth-child(5){color:#6d7a72;}
.tableBox ul li span:nth-child(5) .iconfont{color:#6d7a72;}